<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>会员卡等级</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" href="css/finance.css">
		<link rel="stylesheet" href="css/login.css">
	</head>

	<body>
		<div id="uniocn" class="layui-layout layui-layout-admin">
			<div class="applyList" style="padding: 30px">
				<form action="##" class="layui-form">
					<div class="layui-form-item">
						<label class="layui-form-label" style="width: 150px;">会员等级</label>
						<div class="layui-input-block" style="display: flex">
							<div class="tags" id="tags">
								<input type="text" name="" id="inputTags" placeholder="" autocomplete="off">
							</div>
							<button class="layui-btn layui-btn-primary layui-btn-lg">添加</button>
						</div>
					</div>
					<div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">等级价格设置</label>
							<div>
								<div class="layui-form-mid layui-word-aux">普通会员</div>
								<div class="layui-input-inline">
									<input type="text" name="password" value="100元" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div>
								<div class="layui-form-mid layui-word-aux">普通会员</div>
								<div class="layui-input-inline">
									<input type="text" name="password" value="100元" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div>
								<div class="layui-form-mid layui-word-aux">普通会员</div>
								<div class="layui-input-inline">
									<input type="text" name="password" value="100元" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
								</div>
							</div>
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label" style="width: 150px;">等级价格设置</label>
						<div class="layui-form-mid layui-word-aux">普通会员</div>
						<div class="layui-input-inline">
							<input type="text" name="password" value="100元" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item" style="margin-top: 50px">
						<div class="layui-input-block">
							<button class="layui-btn" lay-submit lay-filter="formDemo">保存</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</body>
	<script src="layui/layui.js"></script>
	<script>
		layui.use(['form', 'layer', 'inputTags'], function() {
			var form = layui.form;
			var inputTags = layui.inputTags;
			inputTags.render({
				elem: '#inputTags', //定义输入框input对象
				content: ['标题一', '标题二'], //默认标签
				aldaBtn: true, //是否开启获取所有数据的按钮
				done: function(value) { //回车后的回调
					console.log(value)
				}
			})
		});
	</script>

</html>